.screen{
    background: #1FA2FF;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #A6FFCB, #12D8FA, #1FA2FF);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #A6FFCB, #12D8FA, #1FA2FF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    width: auto;
    height: 580px;
    position: relative;
}

.image{
    text-align: center;
    top: 50px;
    position: absolute;
}

.text{
    font-weight:lighter ;
}

.code{
    background: #f8f9fa;
    height: 110px;
    width: 90%;
    text-align: center;
    position: relative;
    top: 50px;
    left: 50px;
    right: 30px;
    border-radius: 10px;
}

.gray-text{
    color: #6c737c;
    position: relative;
    top: 20px;
    bottom: 20px;
    font-size: 20px;
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospacen;
}

.black{
    color: #25292e;
}

.red{
    color: #438343;
    font-size: 18px;
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospacen;
}

.source-code{
    font-size: 18px;
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
    text-align: center;
    position: relative;
    /*left: 20px;*/
    /*right: 20px;*/
}

.text2{
    position: relative;
    top: 30px;
    bottom: 30px;
    font-size: 30px;
    font-weight: 3px;
    text-align: center;
}

.line{
    width:40%;
    height:2px;
    background: -webkit-linear-gradient(left, #fff -4%, #000000 50%,#fff 100%);
    position: relative;
    top: 10px;

}

.introduce{
    font-size: 20px;
    font-weight: lighter;
    color: #666666;
    position: relative;
    top: 10px;
    bottom: 10px;
    text-align: center;
}

.footer{
    height: 160px;
    width: auto;
    background-color: #e9ecef;
    position: relative;
    top: 60px;
}

.space{
    position: relative;
    left: 20px;
    right: 30px;
}